<h3 class="widget-box--header">
  <span class="icon-context icon-cart"></span>
  <span class="widget-box--header-title"><%= t('homescreen.blocks.upsale.title') %></span>
</h3>

<%= image_tag "enterprise_edition.png", class: "widget-box--teaser-image" %>

<p><%= t('homescreen.blocks.upsale.description') %></p>

<ul class="widget-box--feature-list">
  <li>
    <%= t('homescreen.blocks.upsale.additional_features') %>
  </li>
  <li>
    <%= t('homescreen.blocks.upsale.professional_support') %>
  </li>
</ul>
<p>
  <b><%= t('homescreen.blocks.upsale.become_hero') %></b> <%= t('homescreen.blocks.upsale.you_contribute') %>
</p>

<div class="widget-box--blocks--buttons">
  <%= link_to "#{OpenProject::Static::Links.links[:upsale][:href]}?utm_source=ce-homescreen",
        { class: 'button -alt-highlight',
          aria: {label: t('homescreen.blocks.upsale.more_info')},
          title: t('homescreen.blocks.upsale.more_info')} do %>
    <i class="button--icon icon-info2"></i>
    <span class="button--text"><%= t('homescreen.blocks.upsale.more_info') %></span>
  <% end %>
</div>
